<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>list</title>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/jquery-ui.min.css">
    <link type="text/css" rel="stylesheet" href="css/list.css">
    <link type="text/css" rel="stylesheet" href="css/shared.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <!--[if lt IE 9]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    <![endif]-->
    <script src="js/plugin/jquery-ui.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/ractive.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="navbar-right">
                <label class="login_user">登录人</label>
                <label class="login_user">
                    <i class="fa fa-sign-out"></i>
                    <span class="fa" id="exit">退出登录</span>
                </label>

            </div>
        </div>
    </div>
     <!--system-name-->
    <div class="container-fluid systemnameAndOperate_margin">
        <div class="row">
        <div class="system_name_div">
          <span class="system_name">泰华尚品工作站管理系统</span>
        </div>
        </div>
    </div>
     <!--operate-->
     <div class="container-fluid bg systemnameAndOperate_margin">
         <div class="row">
             <div>
                 <form class="form-inline">
                     <div class="form-group maincondition_div">
                         <label>搜索:</label>
                     <input type="text" class="form-control  inout_nomargin"
                            id="maincondition" placeholder="名称、编号、材质…" name="search_conditions">
                     </div>
                     <div class="form-group" style="margin-right: 15px;">
                         <span style="margin-right: 5px;">
                             <input type="checkbox" class="styled" name="instock"><label>仅有货</label>
                         </span>
                     </div>
                     <div class="form-group">
                         <input type="checkbox" class="styled" name="inputperson">
                         <label>录入人:</label>
                         <input type="text" class="form-control inout_nomargin"
                                id="inputperson" name="search_conditions">
                     </div>
                     <div class="form-group">
                         <label>价格:</label>
                         <input type="number" class="price_range" id="startprice" name="search_conditions">
                         <span>--</span>
                         <input type="number" class="price_range" id=endprice" name="search_conditions">
                     </div>
                     <div class="button_display">
                         <button  class="btn btn-primary" id="search">确定</button>
                     </div>
                     <div class="button_display">
                         <button  class="btn btn-primary" id="newproducts">新建</button>
                     </div>
                 </form>
                 <hr/>
                 <form class="form-inline" style="margin-bottom: 1%">
                     <div class="form-group">
                         <ul style="padding-left: 0">
                             <li class="ul_li_radio">
                                 <label>排序：</label>
                                 <span>
                                     <input type="radio" class="styled" name="conditions" value="类型" checked>
                                     <label>类型</label>
                                 </span>
                                 <span>
                                     <input type="radio" class="styled" name="conditions" value="材质">
                                     <label>材质</label>
                                 </span>
                                 <span>
                                     <input type="radio" class="styled" name="conditions" value="零售价">
                                     <label>零售价</label>
                                 </span>
                                 <span>
                                     <input type="radio" class="styled" name="conditions" value="添加顺序">
                                     <label>添加顺序</label>
                                 </span>
                             </li>
                             <li class="ul_li_radio">
                                     <span>
                                         <input type="radio" class="styled" name="order" value="asc" checked>
                                         <label>正序</label>
                                     </span>
                                     <span>
                                         <input type="radio" class="styled" name="order" value="desc">
                                         <label>倒序</label>
                                     </span>
                             </li>
                         </ul>
                     </div>
                 </form>
             </div>
         </div>
     </div>
     <!--main-content-->
    <div class="container">
        <div class="row">
            <div id='procucts_content_div' class="col-md-12">
                <div class="col-md-2 col-sm-3 col-xs-3 product_content_div">
                    <div>
                        <img src="imgs/gem.jpg" class="img-responsive product_content_img">
                      <div class="product_content_title">
                          YT/永泰华珠宝天然红宝石裸石 彩宝配石彩色宝石戒指吊坠首饰定制
                      </div>
                        <div class="product_content_button">
                            <button type="submit" class="btn btn-primary product_content_button_marginRight">暂存</button>
                            <button type="submit" class="btn btn-primary">编辑</button>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-3 product_content_div">
                    <div>
                        <img src="imgs/gem2.jpg" class="img-responsive product_content_img">
                      <div class="product_content_title">
                          YT/永泰华珠宝
                      </div>
                        <div class="product_content_button">
                            <button type="submit" class="btn btn-primary product_content_button_marginRight">暂存</button>
                            <button type="submit" class="btn btn-primary">编辑</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--分页-->
            <div align="center">
                <nav class="div_nav">
                    <ul class="pagination" >
                        <li id="prev"><a href="javascript:void(0);" aria-label="Previous" >
                            <span aria-hidden="true" id="prev2">上一页</span>
                        </a></li>
                    </ul>
                    <ul class="pagination" id="pagenum">
                    </ul>
                    <ul class="pagination">
                        <li  id="next">
                            <a href="javascript:void(0);" aria-label="Next">
                                <span aria-hidden="true" id="next2">下一页</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
       <!--footer-->
    <div class="container-fluid systemnameAndOperate_margin">
        <div class="row">
            <div class="system_name_div footer_padding">
                <span class="footer_title">版权所有：Copyright@ 2015 北京泰华尚品国际贸易有限公司</span>
            </div>
        </div>
    </div>
    <script id='procucts_content' type='text/ractive'>
            {{#each procuctData}}
                <div class="col-md-2 col-sm-3 col-xs-3 product_content_div">
                    <div data-index={{商品ID}}>
                      <img src="imgs/{{照片名}}" class="img-responsive product_content_img">
                      <div class="product_content_title">
                          {{产品名}}
                      </div>
                    <div class="product_content_button">
                        <button type="submit" class="btn btn-primary product_content_button_marginRight">暂存</button>
                        <button type="submit" class="btn btn-primary on-click="productEdit">编辑</button>
                    </div>
                    </div>
                </div>
            {{/each}}
    </script>
    <script type="text/javascript" src="./js/forms-style.js"></script>
    <script src="js/pages/index.js"></script>
    <script src="js/pages/shared.js"></script>
</body>
</html>